feat(frontend): Signal Route B1 pill toolbar#58
Merged
LostPointer merged 8 commits intoDafeCpp:developfrom Apr 21, 2026
Merged
Conversation
… across portal Replaces the bulky Signal Route filter panel with a compact always-visible pill capsule (B1 design): LiveSwitch toggle + three pill selects with icons (project/experiment/run). Applies the same visual language to ExperimentsList and SensorsList filters and Login inputs. - Add LiveSwitch component (animated toggle, live pulse animation) - Add variant="pill" + icon prop to MaterialSelect (floating label, rounded border) - Add .filter-capsule, .filter-capsule__search, .login-input-field to components.scss - TelemetryViewer: capsule replaces radio + 3 selects, history controls stay collapsible - ExperimentsList: capsule with search + project + status + New button + export row - SensorsList: capsule with search + project + status, client-side name filter - Login: lg inputs with user/lock icons All tests pass (23/23, 2 skipped). Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
- SensorMonitor: replace card filter-panel with filter-capsule (project + connection status, both pill variant with icons) - ProjectsList: replace raw input+select with filter-capsule (search input + role MaterialSelect, pill variant) Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
…erlap In pill variant, when selectedValue is empty the floating label stays inline (acts as placeholder). The selected option text (e.g. "Все проекты") was also rendered in the value span causing visual overlap. Now show the selected label only when a non-empty value is chosen. Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
…l buttons Replace card-style filter blocks in RegistryTab and ExecutionsTab with filter-capsule layout. Status select uses pill MaterialSelect; service text input uses filter-capsule__search. Action buttons (Создать/Запустить) now have border-radius:pill to match the capsule aesthetic. Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
…gistryTab filter Add labelOn/labelOff props to LiveSwitch (defaults: Live/History). Scripts RegistryTab now uses LiveSwitch with labelOn="Активные"/labelOff="Все" instead of a plain checkbox. Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
Change .btn base border-radius from --radius-sm (8px) to --radius-pill (999px) so every button in the portal uses the pill style from the B1 design. Remove now-redundant override in filter-capsule__btn. Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
Replace card-style filter panel with filter-capsule: two search inputs (Действие, UUID пользователя), pill MaterialSelect for scope type, pill date-range widget (С—По), and pill Apply/Reset buttons. Enter key in search inputs also triggers apply. Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment
1 participant
Add this suggestion to a batch that can be applied as a single commit.This suggestion is invalid because no changes were made to the code.Suggestions cannot be applied while the pull request is closed.Suggestions cannot be applied while viewing a subset of changes.Only one suggestion per line can be applied in a batch.Add this suggestion to a batch that can be applied as a single commit.Applying suggestions on deleted lines is not supported.You must change the existing code in this line in order to create a valid suggestion.Outdated suggestions cannot be applied.This suggestion has been applied or marked resolved.Suggestions cannot be applied from pending reviews.Suggestions cannot be applied on multi-line comments.Suggestions cannot be applied while the pull request is queued to merge.Suggestion cannot be applied right now. Please check back later.
Summary
LiveSwitchпереключает live/history, три select с иконками (папка/колба/play) — проект/эксперимент/пуск.Изменения
LiveSwitch.tsx/.scssMaterialSelect.tsx/.scssvariant="pill"иicon, floating label внутри trigger,aria-labelдля доступностиstyles/components.scss.filter-capsule,.filter-capsule__search,.login-input-fieldTelemetryViewer.tsx/.scssExperimentsList.tsx/.scssSensorsList.tsx/.scssLogin.tsx/.scssTest plan
npm run test -- --run Login ExperimentsList SensorsList— 23/23 passedtsc --noEmit— 0 errors🤖 Generated with Claude Code